<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<link href="/resources/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="/resources/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/resources/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
<script src="/resources/lib/json2.js" type="text/javascript"></script>
<script src="/resources/js/jscharts-cracked.js" type="text/javascript"></script>
<script type="text/javascript">
$(function (){
	$("#panel1-1").ligerPanel({
	    title : '通知消息',
	    width: 530,
	    height : 200,
	});
	$("#panel1-2").ligerPanel({
	    title: '代办事项',
	    width: 530,
	    height : 200,
	});
});
</script>
</head>
<body>
<!-- <div style="width:100%;">
		<div id="panel1-1" style="float:left;margin-left: 20px;">
        </div>
        <div id="panel1-2" style="float:left; margin-left:40px;">
        </div>
</div> -->

<div style="width:100%;">
	<div id="graph1" style="float:left">Loading...</div>
	<div id="graph2" style="float:left">Loading...</div>
	
</div>

<script type="text/javascript">
	var myChart = new JSChart('graph1', 'pie');
	myChart.setDataArray([['A', 40],['B', 16],['C', 20],['D', 10],['E', 10],['F', 4]]);
	myChart.colorize(['#99CDFB','#3366FB','#0000FA','#F8CC00','#F89900','#F76600']);
	myChart.setSize(550, 200);
	myChart.setTitle('数量表1');
	myChart.setTitleFontFamily('Times New Roman');
	myChart.setTitleFontSize(14);
	myChart.setTitleColor('#0F0F0F');
	myChart.setPieRadius(95);
	myChart.setPieValuesColor('#FFFFFF');
	myChart.setPieValuesFontSize(9);
	myChart.setPiePosition(140, 100);
	myChart.setShowXValues(false);
	myChart.setLegend('#99CDFB', '销售订单');
	myChart.setLegend('#3366FB', '销售订单');
	myChart.setLegend('#0000FA', '销售订单');
	myChart.setLegend('#F8CC00', '销售订单');
	myChart.setLegend('#F89900', '销售订单');
	myChart.setLegend('#F76600', '销售订单');
	myChart.setLegendShow(true);
	myChart.setLegendFontFamily('Times New Roman');
	myChart.setLegendFontSize(10);
	myChart.setLegendPosition(350, 65);
	myChart.setPieAngle(30);
	myChart.set3D(true);
	myChart.draw();
	
</script>


<script type="text/javascript">
	var myChart = new JSChart('graph2', 'pie');
	myChart.setDataArray([['A', 40],['B', 16],['C', 20],['D', 10],['E', 10],['F', 4]]);
	myChart.colorize(['#99CDFB','#3366FB','#0000FA','#F8CC00','#F89900','#F76600']);
	myChart.setSize(550, 200);
	myChart.setTitle('数量表2');
	myChart.setTitleFontFamily('Times New Roman');
	myChart.setTitleFontSize(14);
	myChart.setTitleColor('#0F0F0F');
	myChart.setPieRadius(95);
	myChart.setPieValuesColor('#FFFFFF');
	myChart.setPieValuesFontSize(9);
	myChart.setPiePosition(140, 100);
	myChart.setShowXValues(false);
	myChart.setLegend('#99CDFB', '采购订单');
	myChart.setLegend('#3366FB', '采购订单');
	myChart.setLegend('#0000FA', '采购订单');
	myChart.setLegend('#F8CC00', '采购订单');
	myChart.setLegend('#F89900', '采购订单');
	myChart.setLegend('#F76600', '采购订单');
	myChart.setLegendShow(true);
	myChart.setLegendFontFamily('Times New Roman');
	myChart.setLegendFontSize(10);
	myChart.setLegendPosition(350, 65);
	myChart.setPieAngle(30);
	myChart.set3D(true);
	myChart.draw();
	
</script>






<div id="graph3">Loading...</div>
<script type="text/javascript">
	var myData = new Array(['一月份', 437, 520], ['一月份', 322, 390], ['二月份', 233, 286], ['三月份', 110, 162], ['四月份', 34, 49], ['五月份', 20, 31], ['六月份', 19, 22],['六月份', 437, 520], ['七月份', 322, 390], ['八月份', 233, 286], ['九月份', 110, 162], ['十月份', 34, 49], ['十一月份', 20, 31], ['十二月份', 19, 22]);
	var myChart = new JSChart('graph3', 'bar');
	myChart.setDataArray(myData);
	myChart.setTitle('库存数量表');
	myChart.setTitleColor('#DC143C');
	myChart.setAxisNameX('');
	myChart.setAxisNameY('');
	myChart.setAxisNameFontSize(32);
	myChart.setAxisNameColor('#999');
	myChart.setAxisValuesAngle(30);
	myChart.setAxisValuesColor('#777');
	myChart.setAxisColor('#B5B5B5');
	myChart.setAxisWidth(2);
	myChart.setBarValuesColor('#2F6D99');
	myChart.setAxisPaddingTop(60);
	myChart.setAxisPaddingBottom(60);
	myChart.setAxisPaddingLeft(50);
	myChart.setTitleFontSize(15);
	myChart.setBarColor('#2D6B96', 1);
	myChart.setBarColor('#DC143C', 2);
	myChart.setBarBorderWidth(0);
	myChart.setBarSpacingRatio(50);
	myChart.setBarOpacity(0.9);
	myChart.setFlagRadius(6);
	myChart.setTooltipPosition('nw');
	myChart.setTooltipOffset(3);
	myChart.setLegendShow(true);
	myChart.setLegendPosition('right top');
	myChart.setLegendForBar(1, '库存数量');
	myChart.setLegendForBar(2, '过期数量');
	myChart.setSize(1160, 320);
	myChart.setGridColor('#C6C6C6');
	myChart.draw();
</script>
</body>
</html>